<template>
    <ul class="redbag">
        <li>
            <p><span class="iconfont ico ico-ora">&#xe607;</span></p>
            <p class="text">钱包</p>
        </li>
        <li>
            <p><span class="iconfont ico ico-red">&#xe625;</span></p>
            <p class="text">红包</p>
        </li>
        <li>
            <p><span class="iconfont ico ico-gre">&#xe608;</span></p>
            <p class="text">金币</p>
        </li>
    </ul>
</template>
<script>
export default {
    
}
</script>
<style lang="stylus" scoped>
.redbag
    display table
    width 100%
    height 22.4vw
    // border-bottom 1px solid #ddd
    background-color #fff
    li 
        border-right 1px solid #ddd
        display table-cell
        width 33.3333%
        vertical-align  middle
        text-align center
        .ico 
            font-size .6rem
        .ico-ora
            color #ff9900
        .ico-red
            color #ff5f3e
        .ico-gre 
            color #6ac20b
        .text 
            margin-top 1.3vw
            color: #666
            font-weight: 700
</style>
